<%@ page language="java" contentType="text/html; charset=windows-1255"
	pageEncoding="windows-1255"%>
<%@page import="com.optimus.model.mapped.CategoryBean"%>
<html>
<head>
<link type="text/css" href="css/movingBoxesStyle.css" media="screen"
	charset="utf-8" rel="stylesheet" />
<!--<script type="text/javascript" src="js/jquery-1.4.2.min.js" charset="utf-8"></script>-->
<script type="text/javascript" src="js/jquery.movingboxes.min.js"
	charset="utf-8"></script>
<script type="text/javascript">
	$(function() {
		$('.slider').movingBoxes( {
			startPanel : 3
		});
	});
</script>
</head>

<body>
	<div id="wrapper">
		<div class="slider" id="slider-one"><img
			class="scrollButtons left" src="images/leftarrow.png" />
		
		<div style="overflow: hidden;" class="scroll">
			<div class="scrollContainer">
				<div class="panel">
					<div class="inside">
					<img src="images/electronics.jpg"
						alt="picture" />
		
						<h2>Electronics</h2>
		
						<p>TVs, Stereo, Media Centers and many <a href="categoryPage.jsp?cid=<%=CategoryBean.ELECTRONICS%>">more...</a></p>
						</div>
			</div>
		
		<div class="panel">
		<div class="inside"><img src="images/computers.jpg" alt="picture" />
		
		<h2>Computers</h2>
		
		<p>PCs, MACs, Accessories and <a href="categoryPage.jsp?cid=<%=CategoryBean.COMPUTERS%>">more...</a></p>
		</div>
		</div>
		
		<div class="panel">
		<div class="inside"><img src="images/sports.jpg" alt="picture" />
		
		<h2>Sports</h2>
		
		<p>Balls, Clothing, Shoes and <a href="categoryPage.jsp?cid=<%=CategoryBean.SPORTS%>">more...</a></p>
		</div>
		</div>
		
		<div class="panel">
		<div class="inside"><img src="images/music.jpg" alt="picture" />
		
		<h2>Music</h2>
		
		<p>CDs, Records, Players and <a href="categoryPage.jsp?cid=<%=CategoryBean.MUSIC%>">more...</a></p>
		</div>
		</div>
		
		<div class="panel">
		<div class="inside"><img src="images/toys.jpg" alt="picture" />
		
		<h2>Toys</h2>
		
		<p>Lego, Dolls, Cars and <a href="categoryPage.jsp?cid=<%=CategoryBean.TOYS%>">more...</a></p>
		</div>
		</div>
		
		<div class="panel">
		<div class="inside"><img src="images/cameras.jpg" alt="picture" />
		
		<h2>Cameras</h2>
		
		<p>Digital, SLR, Reflex, Lens and <a href="categoryPage.jsp?cid=<%=CategoryBean.CAMERAS%>">more...</a></p>
		</div>
		</div>
		</div>
		
		<div class="left-shadow"></div>
		
		<div class="right-shadow"></div>
		</div>
			<img class="scrollButtons right" src="images/rightarrow.png" />
		</div>
	</div>
</body>
</html>